<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript" src="jquery.js" ></script>
		<script type="text/javascript">
			var windowMask = (function($) {
	
	        //var isIE6 = window.browser.msie && window.browser.version == "6.0";
	        var mask = '<div unselectable="on" style="display:none;background:#000;filter:alpha(opacity=10);opacity:.1;left:0px;top:0px;position:fixed;height:100%;width:100%;overflow:hidden;z-index:10000;"></div>';
	
	        isIE6 && (mask = '<div unselectable="on" style="display:none;background:#000;filter:alpha(opacity=10);opacity:.1;left:0px;top:0px;position:fixed;_position:absolute;height:100%;width:100%;overflow:hidden;z-index:10000;"><div style="position:absolute;width:100%;height:100%;top:0;left:0;z-index:10;background-color:#000"></div><iframe border="0" frameborder="0" allowtransparency="true" style="width:100%;height:100%;position:absolute;top:0;left:0;z-index:1"></iframe></div>');
	
	        mask = $(mask);
	        $("body").append(mask);
	
	        function show() {
	            isIE6 && resize();
	            mask.show();
	        }
	
	        function hide() {
	            isIE6  && $(window).off("resize", calculateSize);
	            mask.hide();
	        }
	
	        function calculateSize() {
	            var b = document.documentElement.clientHeight ? document.documentElement : document.body,
	            height = b.scrollHeight > b.clientHeight ? b.scrollHeight : b.clientHeight,
	            width = b.scrollWidth > b.clientWidth ? b.scrollWidth : b.clientWidth;
	
	            mask.css({height: height, width: width});
	        }
	
	        function resize() {
	            calculateSize();
	            $(window).on("resize", calculateSize);
	        }
	
	        return {
	            show: show,
	            hide: hide
	        };
	})();
	$(function(){
		windowMask.show();
	});
		</script>
	</head>

	<body>
	dfasf
	</body>

</html>